<template>
  <div class="box">
    <div class="text-box">
      <p>{{data.question}}</p>
    </div>
    <van-rate v-model="data.value"
              icon="like"
              void-icon="like-o"
              color="#FFB6C1" />
  </div>
</template>

<script>
export default {
  name: 'RateBlock',
  props: {
    data: {
      type: Object,
      default () {
        return {}
      }
    }
  },
  methods: {

  }
}
</script>
<style scoped>
.box {
  padding-top: 10px;
  padding-left: 16px;
}
.text-box {
  font-size: 14.5px;
  color: #4682b4;
  height: 25px;
  font-weight: bold;
}
</style>
